<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link rel="shortcut icon" type="image/x-icon" href="/Images/favicon.ico" media="screen">
    <title>VFS融资租赁计算器</title>
    <style type="text/css">
        [v-cloak] {
            display: none;
        }
        * {
            margin: 0;
            padding: 0;
            font-family: "微软雅黑", 'Microsoft YaHei';
        }

        body {
            background: #fff;
        }

        html {
            font-size: 62.5%;
        }

        .content {
            width: 100%;
            position: relative;
            top: 0;
            padding-bottom: 100px;
        }

        .boxTwo {
            display: none;
        }
        .item {
            height: 75px;
            line-height: 75px;
            background: #fff;
            border-bottom: 2px solid #ddd;
            display: flex;
            justify-content: space-between;
        }

        .item .text {
            width: 33%;
            background: #f2f2f2;
            text-align: right;
            padding-right: 20px;
            font-size: 25px;
            font-weight: bold;
        }

        .item .box {
            width: 65%;
            padding-left: 20px;
            height: 100%;
            position: relative;
            font-size: 25px;
            border-right: 1px solid #cbcbcd;
        }

        .return {
            font-size: 25px;
            color: #199ed8;
            font-weight: bold;
        }

        .item .box p {
            width: 90%;
            line-height: 75px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 25px;
            color: #999;
            cursor: pointer;
        }

        .item .box input {
            color: #333;
            outline: none;
            width: 90%;
            font-size: 25px;
            border: none;
        }

        .right-arrow {
            position: absolute;
            background: url(/dist/img/buy-icon.png);
            background-position: 0px -375px;
            width: 20px;
            height: 40px;
            right: 20px;
            top: 20px;
        }

        .btn {
            position: fixed;
            bottom: 0px;
            width: 750px;
            background: #2a8cec;
            border-radius: 2px;
            height: 100px;
            line-height: 100px;
            color: #fff;
            font-size: 36px;
            text-align: center;
            font-weight: bold;
            cursor: pointer;
        }

        .select-view {
            width: 100%;
            height: 60%;
            position: fixed;
            bottom: 0em;
            left: 0em;
            background-color: white;
            z-index: 100;
            display: none;
            padding-bottom: 110px;
        }

        .select-view .select-title {
            background-color: #f2f2f2;
            text-align: center;
            height: 100px;
            line-height: 100px;
            border-top: 1px solid #dedfe0;
            border-bottom: 1px solid #dedfe0;
            font-size: 30px;
        }

        .select-title .select-cancel {
            float: left;
            color: #2a8cec;
            margin-left: 10px;
            cursor: pointer;
        }

        .select-title .select-sure {
            float: right;
            color: #2a8cec;
            margin-right: 10px;
            cursor: pointer;
        }

        .select-view .item {
            display: inline-block;
            width: 95%;
            height: 80px;
            text-align: left;
            border: none;
            border-bottom: 1px solid #dedfe0;
            color: #929292;
            margin-left: 10px;
            background-color: white;
            font-size: 30px;
            outline: none;
        }

        #overlay {
            background: #000;
            filter: alpha(opacity=50);
            /* IE的透明度 */
            opacity: 0.5;
            /* 透明度 */
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 10;
            /* 此处的图层要大于页面 */
            display: none;
        }
        #overlay1 {
            background: #000;
            filter: alpha(opacity=50);
            /* IE的透明度 */
            opacity: 0.5;
            /* 透明度 */
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 10;
            /* 此处的图层要大于页面 */
            display: none;
        }

        ::-webkit-input-placeholder {
            /* WebKit browsers */
            color: #999;
        }

        :-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #999;
            opacity: 1;
        }

        ::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #999;
            opacity: 1;
        }

        :-ms-input-placeholder {
            /* Internet Explorer 10+ */
            color: #999;
        }
        .table-detail{
            width: 100%;
            font-size: 25px;
            border-spacing: 0;
            border-collapse: collapse;
            display: table;
        }
        .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
            border: 1px solid #cbcbcd;
        }

        table th {
            background: #f8f8f8;
            padding: 5px;
        }

        table td {
            text-align: center;
            padding: 5px;
        }
        .page3 table td{
            text-align: left;
            padding: 5px;
        }

        .table-bordered {
            border: 1px solid #cbcbcd;
        }
        .entryTitle{
            background: #f2f2f2;
            text-align: center;
        }
        .step{
            padding:0 4px;
            margin-top: 25px;
        }
        h4 {
            text-align: center;
            margin:5px auto;
            font-size: 20px;
        }
        .step p{
            margin:20px auto;
            text-indent:10px;
            padding-left: 5px;
            font-size: 20px;
        }
        .imgs{
            width:100%;
            height:100%;
            text-align: center;
        }
        .imgs img{
            width:auto;
            height:auto;
            max-width: 100%;
            max-height:100%;
            display: inline-block;
        }
        .btns{
            display: -webkit-flex; /* Safari */
            display: flex;
            flex-direction: row;
            background: #2a8cec;
            line-height:80px;
            width:100%;
            height: 80px;
            overflow: hidden;
            position: fixed;
            top:0;
            left:0;
        }
        .btns .t1,.btns .t2,.btns .t3{
            flex-grow:1;
            line-height: 80px;
            font-size: 30px;
            text-align: center;
            background: #2a8cec;
            color: #fff;
            margin-top: 9px;
        }
        .btns .active{
            color: #2a8cec;
            background-image: url(/dist/img/tabApp.png);
            background-size: 100% 100%;
            height:75px;
            line-height: 80px;
            margin-top: 9px;
            margin-left:20px;
            margin-right:9px;
        }
        .page1{
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            height: calc(100% - 180px);
            overflow-y: scroll;
        }
        .page2{
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            height: calc(100% - 180px);
            overflow-y: scroll;
        }
        .page3{
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            height: calc(100% - 80px);
            overflow-y: scroll;
        }
    </style>
</head>
<body>
<section class="content" id="app">
    <div class="btns">
        <div class="t1 active"><a onclick="cal(1)">融资租赁</a></div>
        <div class="t2"><a onclick="cal(2)">内部分期</a></div>
        <div class="t3"><a onclick="cal(3)">资料需求</a></div>
    </div>
    <!-- @*型号*@-->
    <section id="proModel" class="select-view">
        <div class="select-title">
            <span class="select-cancel">取消</span>
            <span>型号</span>
        </div>
        <div style="overflow: scroll; height:100%;">
            <div>
                <input data-key="" type="button" value="EC18D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="ECR18E" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="ECR25D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC55D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC60D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EW60C" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC75D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC80D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC120D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC140DL" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC170DL" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC200D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC210D" class="item">
            </div>
            <div>
                <input data-key="" type="button" value="EC220D" class="item">
            </div>
            <div><input data-key="" type="button" value="EC220DL" class="item"></div>
            <div><input data-key="" type="button" value="EC250D" class="item"></div>
            <div><input data-key="" type="button" value="EC250DL" class="item"></div>
            <div><input data-key="" type="button" value="EC300DL" class="item"></div>
            <div><input data-key="" type="button" value="EC350D" class="item"></div>
            <div><input data-key="" type="button" value="EC350DL" class="item"></div>
            <div><input data-key="" type="button" value="EC380DL" class="item"></div>
            <div><input data-key="" type="button" value="EC480DL v2.1" class="item"></div>
            <div><input data-key="" type="button" value="EC480DL v2.45" class="item"></div>
            <div><input data-key="" type="button" value="EC480DL v2.6" class="item"></div>
            <div><input data-key="" type="button" value="EC750DL" class="item"></div>
            <div><input data-key="" type="button" value="EC950EL" class="item"></div>
            <div><input data-key="" type="button" value="EW145B" class="item"></div>
            <div><input data-key="" type="button" value="EW205D" class="item"></div>
            <div><input data-key="" type="button" value="DD25B" class="item"></div>
            <div><input data-key="" type="button" value="DD120" class="item"></div>
            <div><input data-key="" type="button" value="DD140" class="item"></div>
            <div><input data-key="" type="button" value="P6820C VB78 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="P6820C VB78 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="P6820C VB88 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="P6820C VB88 ETC 7.5m" class="item"></div>
            <div><input data-key="" type="button" value="P6820C VB88 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VB78 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VB78 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VB88 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VB88 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VDT-V88 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VDT-V88 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  MB122 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG7820B  VDT121 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG8820B  VDT-V88 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG8820B  VDT-V88 ETC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG8820B  MB122 GTC 12m" class="item"></div>
            <div><input data-key="" type="button" value="ABG8820B  VDT121 GTC 9m" class="item"></div>
            <div><input data-key="" type="button" value="ABG8820B  VDT121 GTC 12m " class="item"></div>
            <div><input data-key="" type="button" value="ABG9820 MB120 16m " class="item"></div>
            <div><input data-key="" type="button" value="L120GZ" class="item"></div>
            <div><input data-key="" type="button" value="L150H" class="item"></div>
            <div><input data-key="" type="button" value="L180H" class="item"></div>
            <div><input data-key="" type="button" value="L220H" class="item"></div>
            <div><input data-key="" type="button" value="L260H" class="item"></div>
            <div><input data-key="" type="button" value="L350F" class="item"></div>
            <div><input data-key="" type="button" value="A25G" class="item"></div>
            <div><input data-key="" type="button" value="A30G" class="item"></div>
            <div><input data-key="" type="button" value="A45G" class="item"></div>
            <div><input data-key="" type="button" value="A60H" class="item"></div>
            <div><input data-key="" type="button" value="R100E" class="item"></div>
        </div>
    </section>
    <!-- @*首付比例*@-->
    <section id="proBl" class="select-view">
        <div class="select-title">
            <span class="select-cancel">取消</span>
            <span>首付比例</span>
        </div>
        <div style="overflow: scroll; height:100%;">
            <div><input data-key="0.2" type="button" value="20%" class="item"></div>
            <div><input data-key="0.3" type="button" value="30%" class="item"></div>
            <div>
                <input data-key="0.35" type="button" value="35%" class="item">
            </div>
            <div>
                <input data-key="0.4" type="button" value="40%" class="item">
            </div>
            <div>
                <input data-key="0.45" type="button" value="45%" class="item">
            </div>
            <div>
                <input data-key="0.5" type="button" value="50%" class="item">
            </div>
            <div>
                <input data-key="0.55" type="button" value="55%" class="item">
            </div>
            <div>
                <input data-key="0.6" type="button" value="60%" class="item">
            </div>
            <div>
                <input data-key="0.65" type="button" value="65%" class="item">
            </div>
            <div>
                <input data-key="0.7" type="button" value="70%" class="item">
            </div>
            <div>
                <input data-key="0.75" type="button" value="75%" class="item">
            </div>
            <div>
                <input data-key="0.8" type="button" value="80%" class="item">
            </div>
            <div>
                <input data-key="0.85" type="button" value="85%" class="item">
            </div>
            <div>
                <input data-key="0.9" type="button" value="90%" class="item">
            </div>
            <div>
                <input data-key="0.95" type="button" value="95%" class="item">
            </div>
            <div>
                <input data-key="1" type="button" value="100%" class="item">
            </div>
        </div>
    </section>
    <!-- @*贷款期限(月)*@-->
    <section id="proYear" class="select-view">
        <div class="select-title">
            <span class="select-cancel">取消</span>
            <span>贷款期限(月)</span>
        </div>
        <div style="overflow: scroll; height:100%;">
            <div><input data-key="5" type="button" value="5" class="item"></div>
            <div><input data-key="6" type="button" value="6" class="item"></div>
            <div><input data-key="12" type="button" value="12" class="item"></div>
            <div><input data-key="18" type="button" value="18" class="item"></div>
            <div><input data-key="24" type="button" value="24" class="item"></div>
            <div><input data-key="30" type="button" value="30" class="item"></div>
            <div><input data-key="36" type="button" value="36" class="item"></div>
            <div><input data-key="42" type="button" value="42" class="item"></div>
            <div><input data-key="48" type="button" value="48" class="item"></div>
        </div>
    </section>
    <div class="page1">
        <div class="boxOne">
            <div class="item">
                <div class="text">机型</div>
                <div class="box proModel" style="border-top: 1px solid #cbcbcd;">
                    <p>请选择</p>
                    <i class="right-arrow"></i>
                </div>
            </div>
            <div class="item">
                <div class="text">购买单价(元)</div>
                <div class="box price">
                    <input type="number" placeholder="请输入" class="pro-price">
                </div>
            </div>
            <div class="item">
                <div class="text">数量</div>
                <div class="box number">
                    <input type="number" placeholder="请输入" class="pro-number">
                </div>
            </div>
            <div class="item">
                <div class="text">首付比例</div>
                <div class="box proBl">
                    <input type="number" placeholder="请输入" class="pro-bili">
                </div>
            </div>
            <div class="item">
                <div class="text">贷款期限(月)</div>
                <div class="box proYear">
                    <p>请选择</p>
                    <i class="right-arrow"></i>
                </div>
            </div>
            <div class="item">
                <div class="text">总车价</div>
                <div class="box return totalPrice">--</div>
            </div>
            <div class="item">
                <div class="text">首付车款</div>
                <div class="box return downPayment">--</div>
            </div>
            <div class="item">
                <div class="text">保证金(贷款额的5%)</div>
                <div class="box return bond">--</div>
            </div>
            <div class="item">
                <div class="text sxf">手续费(贷款额1%)</div>
                <div class="box return serviceCharge">--</div>
            </div>
            <div class="item">
                <div class="text">GPS</div>
                <div class="box return gps">--</div>
            </div>
            <div class="item">
                <div class="text">保险合计</div>
                <div class="box return premium">--</div>
            </div>
            <div class="item">
                <div class="text">最终购车总价</div>
                <div class="box return finalPrice">--</div>
            </div>
        </div>
        <div class="boxTwo">
            <div class="item" style="border-top: 1px solid #cbcbcd;">
                <div class="text">总车价</div>
                <div class="box totalPrice">--</div>
            </div>
            <div class="item">
                <div class="text return">首付车款</div>
                <div class="box return downPayment">--</div>
            </div>
            <div class="item">
                <div class="text">贷款金额</div>
                <div class="box loan">--</div>
            </div>
            <div class="item">
                <div class="text">贷款年利率</div>
                <div class="box yearRate">--</div>
            </div>
            <div class="item">
                <div class="text return">保证金(贷款额的5%)</div>
                <div class="box return bond">--</div>
            </div>
            <div class="item">
                <div class="text return sxf">手续费(贷款额1%)</div>
                <div class="box return serviceCharge">--</div>
            </div>
            <div class="item">
                <div class="text return">GPS</div>
                <div class="box return gps">--</div>
            </div>
            <div class="item">
                <div class="text">担保费</div>
                <div class="box securityFee">--</div>
            </div>
            <div class="item">
                <div class="text">保险种类(北京平安)</div>
                <div class="box insuranceCompany">--</div>
            </div>
            <div class="item">
                <div class="text">工程机械设备保险</div>
                <div class="box engineerInsurance">--</div>
            </div>
            <div class="item">
                <div class="text">碰撞倾覆险</div>
                <div class="box collisionRisk">--</div>
            </div>
            <div class="item">
                <div class="text">自燃损失险</div>
                <div class="box lossInsurance">--</div>
            </div>
            <div class="item">
                <div class="text">托运期间险</div>
                <div class="box consignmentInsurance">--</div>
            </div>
            <div class="item">
                <div class="text">单年保费</div>
                <div class="box oneYearPremium">--</div>
            </div>
            <div class="item">
                <div class="text return">保险合计</div>
                <div class="box return premium">--</div>
            </div>
            <div class="item">
                <div class="text">月还款额</div>
                <div class="box monthlyRepayment">--</div>
            </div>
            <div class="item">
                <div class="text">首付款合计</div>
                <div class="box downPaymentTotal">--</div>
            </div>
            <div class="item">
                <div class="text">贷款利息合计</div>
                <div class="box loanInterestTotal">--</div>
            </div>
            <div class="item">
                <div class="text return">最终购车总价</div>
                <div class="box return finalPrice">--</div>
            </div>
        </div>
        <div attrpage="1" class="btn">查看结果</div>
        <div id="overlay"></div>
    </div>
    <div class="page2" style="display: none;">
        <div class="boxOne">
            <div class="item">
                <div class="text">垫款金额</div>
                <div class="box Sprice" style="border-top: 1px solid #cbcbcd;">
                    <input type="number" placeholder="请输入" class="pro-Sprice">
                </div>
            </div>
            <div class="item">
                <div class="text">垫款期限(月)</div>
                <div class="box proYears">
                    <input type="number" placeholder="请输入" class="pro-proYears">
                </div>
            </div>
            <div class="item">
                <div class="text">第一期还款金额</div>
                <div class="box numPrice">
                    <input type="number" placeholder="请输入" class="pro-numPrice">
                </div>
            </div>
            <div class="item">
                <div class="text">每期还款额</div>
                <div class="box return totalPriceS">--</div>
            </div>
            <div class="item">
                <div class="text">计息时间</div>
                <div class="box return jxTime">--</div>
            </div>
            <div class="item">
                <div class="text">垫款利率</div>
                <div class="box return monthRate">--</div>
            </div>
        <!--</div>-->
        <div class="boxTwo">
            <table class="table-detail table table-bordered text-center">
                <tr>
                    <th colspan="4">还款计划表</th>
                </tr>
            </table>
            <table class="table-detail table table-bordered text-center">
                <tr>
                    <td class="entryTitle" style="width:25%;">期数</td>
                    <td class="entryTitle" style="width:25%;">欠款余额</td>
                    <td class="entryTitle" style="width:25%;">本金</td>
                    <td class="entryTitle" style="width:25%;">利息</td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第1期</span></td>
                    <td style="width: 25%;"><span id="noe_1_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_1_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_1_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第2期</span></td>
                    <td style="width: 25%;"><span id="noe_2_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_2_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_2_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第3期</span></td>
                    <td style="width: 25%;"><span id="noe_3_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_3_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_3_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第4期</span></td>
                    <td style="width: 25%;"><span id="noe_4_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_4_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_4_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第5期</span></td>
                    <td style="width: 25%;"><span id="noe_5_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_5_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_5_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第6期</span></td>
                    <td style="width: 25%;"><span id="noe_6_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_6_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_6_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第7期</span></td>
                    <td style="width: 25%;"><span id="noe_7_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_7_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_7_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第8期</span></td>
                    <td style="width: 25%;"><span id="noe_8_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_8_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_8_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第9期</span></td>
                    <td style="width: 25%;"><span id="noe_9_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_9_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_9_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第10期</span></td>
                    <td style="width: 25%;"><span id="noe_10_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_10_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_10_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第11期</span></td>
                    <td style="width: 25%;"><span id="noe_11_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_11_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_11_lx" class="attr-js"></span></td>
                </tr>
                <tr class="fq">
                    <td style="width:25%;"><span>第12期</span></td>
                    <td style="width: 25%;"><span id="noe_12_qkye" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_12_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_12_lx" class="attr-js"></span></td>
                </tr>
                <tr>
                    <td style="width:50%;" colspan="2"><span>合计</span></td>
                    <td style="width: 25%;"><span id="noe_13_bj" class="attr-js"></span></td>
                    <td style="width: 25%;"><span id="noe_13_lx" class="attr-js"></span></td>
                </tr>
            </table>
        </div>
        <div attrpage="1" class="btn">查看结果</div>
        <div id="overlay1"></div>
    </div>
    </div>
    <div class="page3" style="display: none;">
        <table class="table-detail table table-bordered text-center">
            <tr>
                <th colspan="4" style="font-size: 28px;">银行融资、内部分期购买的资料要求(个人)</th>
            </tr>
            <tr>
                <td class="entryTitle" style="width:20%;text-align: center;" rowspan="9">借款人</td>
                <td style="width:80%;"><span>1、贷款人及配偶身份证原件照片(正反面复印)</span></td>
            <tr><td><span>2、贷款人及配偶户口本首页、本人页原件照片</span></td></tr>
            <tr><td><span>3、贷款人及配偶结婚证原件照片(盖有民政局公章及贴结婚证两页都需要复印)</span></td></tr>
            <tr><td><span>4、贷款人或配偶名下房产证或房产证明，最好是借款人名下的。</span></td></tr>
            <tr><td><span>5、贷款人或配偶名下近半年内的银行流水对账单(加盖银行业务专用章)</span></td></tr>
            <tr><td><span>6、贷款人名下所拥有的设备资产(必须是工程机械设备、自卸汽车、装载机、小轿车等，必须覆盖借款人该笔贷款额)</span></td></tr>
            <tr><td><span>7、工程合同</span></td></tr>
            <tr><td><span>8、办理工商银行的还款卡一张</span></td></tr>
            <tr><td><span>9、客户生活照片一张(电子版)</span></td></tr>
            </tr>
            <tr>
                <td class="entryTitle" rowspan="7" style="text-align: center;">担保人</td>
                <td><span>1、担保人及配偶身份证原件照片(正反面复印)</span></td>
            <tr><td><span>2、担保人及配偶户口本首页、本人页原件照片</span></td></tr>
            <tr><td><span>3、担保人及配偶结婚证原件照片(盖有民政局公章及贴结婚证两页都需要复印)</span></td></tr>
            <tr><td><span>4、担保人或配偶名下房产证或房产证明(如购房合同)</span></td></tr>
            <tr><td><span>5、借款人或配偶名下近半年内的银行流水对账单(加盖银行业务专用章)</span></td></tr>
            <tr><td><span>6、担保人名下所拥有的设备资产(如工程机械设备、自卸汽车、装载机、小轿车等，尽量能覆盖借款人的该笔贷款额)</span></td></tr>
            <tr><td><span>7、担保人生活照片一张(电子版)</span></td></tr>
            </tr>
        </table>
        <table class="table-detail table table-bordered text-center">
            <tr>
                <th colspan="4" style="font-size: 28px;">银行融资、内部分期购买的资料要求(公司)</th>
            </tr>
            <tr>
                <td class="entryTitle" style="width:20%;text-align: center;" rowspan="12">借款人<br><span style="color: red;">(每一项都加盖公章)</span></td>
                <td style="width:80%;"><span>1、营业执照原件照片正、副本(副本经年检)</span></td>
            <tr><td><span>2、税务登记(国、地税)正、副本原件照片</span></td></tr>
            <tr><td><span>3、组织机构代码证正、副本(副本经年检)原件照片</span></td></tr>
            <tr><td><span>4、公司章程(需加盖骑缝章)</span></td></tr>
            <tr><td><span>5、经审计或未审计财务报表(近三年加上融资申请月份的上个月的财务报表),近三年财务报表资产负债率必须小于40%</span></td></tr>
            <tr><td><span>6、公司财产证明、资料(工程合同、公司工程设备发票原件照片、公司近半年银行流水及对帐单)</span></td></tr>
            <tr><td><span>7、法定代表人夫妻双方身份证原件照片、双方户口本原件照片、结婚证原件照片、房产证原件照片</span></td></tr>
            <tr><td><span>8、法定代表人个人银行流水，近6个月流水</span></td></tr>
            <tr><td><span>9、公司采矿许可证已过期，请提供新办理下来的采矿许可证，如未办理下来新的，请提供正在办理的手续证明</span></td></tr>
            <tr><td><span>10、公司房产原件照片</span></td></tr>
            <tr><td><span>11、签约照片</span></td></tr>
            <tr><td><span>12、公司开户许可证、一般纳税人证明、机构信用代码证</span></td></tr>
            </tr>
            <tr>
                <td class="entryTitle" rowspan="6" style="text-align: center;">担保人</td>
                <td><span>1、担保人及配偶身份证原件照片(正反面复印)</span></td>
            <tr><td><span>2、担保人及配偶户口本首页、本人页原件照片</span></td></tr>
            <tr><td><span>3、担保人及配偶结婚证原件照片(盖有民政局公章及贴结婚证两页都需要复印)</span></td></tr>
            <tr><td><span>4、担保人或配偶名下房产证或房产证明(如购房合同)</span></td></tr>
            <tr><td><span>5、借款人或配偶名下近半年内的银行流水对账单(加盖银行业务专用章)</span></td></tr>
            <tr><td><span>6、担保人名下所拥有的设备资产(如工程机械设备、自卸汽车、装载机、小轿车等),尽量能覆盖借款人的</span></td></tr>
            </tr>
        </table>
        <div class="step">
            <h4>贷款人和配偶征信查询流程</h4>
            <p>1、所有以银行融资和内部分期方式购买设备的客户均需要按表格的要求提供贷款人和担保人资料，资料合格、付清首付款后才可交车；</p>
            <p>2、销售员需要在申请商务条件前自己帮贷款人和配偶查询征信，网址和步骤如下：</p>
            <p style="text-indent:30px;">登录网址:http://www.pbccrc.org.cn/</p>
            <p>步骤一:点击“互联网个人信用信息服务平台”</p>
            <div class="imgs"><img src="/dist/img/1.png" alt=""></div>
            <p>步骤二:点击“马上开始”，选择“新用户注册”或直接登录，然后根据页面提示操作</p>
            <div class="imgs"><img src="/dist/img/2.png" alt=""></div>
            <p>步骤三:点击“信息服务”-“申请信用信息”</p>
            <div class="imgs"><img src="/dist/img/3.png" alt=""></div>
            <p>步骤四:24小时后按以上流程登录，点击“信息服务”-“获取信用信息”，勾选“个人信用报告”，获取验证码后提交</p>
            <div class="imgs"><img src="/dist/img/4.png" alt=""></div>
            <p>步骤五:将界面拉到最底部，点击“生成PDF”，下载保存</p>
            <div class="imgs"><img src="/dist/img/5.png" alt=""></div>
        </div>
    </div>
</section>
<script src="https://file.ggxqce.com/web/jquery-2.2.3.min.js"></script>
<script type="text/javascript">
    (function () {
        var scale = (screen.width / 750).toFixed(2);
        document.write('<meta name="viewport" content="width=750,minimum-scale = ' + scale + ',maximum-scale = ' + scale + ' ,target-densitydpi=device-dpi"/>');
    })();
</script>
<script>
    function cal(id) {
        $(".btns div").removeClass("active");
        if(id==1){
            $(".page1").show();
            $(".page2").hide();
            $(".page3").hide();
            $(".btns .t1").addClass("active")
        }else if(id==2){
            $(".page1").hide();
            $(".page2").show();
            $(".page3").hide();
            $(".btns .t2").addClass("active")
        }else if(id==3){
            $(".page1").hide();
            $(".page2").hide();
            $(".page3").show();
            $(".btns .t3").addClass("active")
        }
    }
</script>
<script>
    var thisEle = "";
    /* 当前页面高度 */
    function pageHeight() {
        return document.body.scrollHeight;
    }

    /* 当前页面宽度 */
    function pageWidth() {
        return document.body.scrollWidth;
    }
    /* 显示遮罩层 */
    function showOverlay() {
        var obj = {
            type:'showOverlay',
        };
        prompt(JSON.stringify(obj));
        // fadeTo第一个参数为速度，第二个为透明度
        // 多重方式控制透明度，保证兼容性，但也带来修改麻烦的问题
        $("#overlay").fadeTo(200, 0.5);

    }

    /* 隐藏覆盖层 */
    function hideOverlay() {
        var obj = {
            type:'hideOverlay',
        };
        prompt(JSON.stringify(obj));
        $("#overlay").fadeOut(100);
    }
    function PMT(rate, term, price) {
        //var rate=parseFloat(rate);
        //var term=parseFloat(term);
        //var price=parseFloat(price);
        //var v=parseFloat((1+(rate/12)));
        //var t=parseFloat((-(term/12)*12));
        //pmt = parseFloat((price*(rate/12))/(1-Math.pow(v,t)))
//        var v1 = parseFloat(price * (rate / 12))
//        var v = parseFloat(1 + (rate / 12))
//        var t = parseFloat(-(term / 12) * 12)
//        var v2 = parseFloat(1 - Math.pow(v, t))
//        pmt = parseFloat(v1 / v2)
//        return pmt;

        //新的计算方法
        return (-(rate * price * Math.pow((1 + rate), term) / (1 - Math.pow((1 + rate), term)))).toFixed(2);
    }
    //点击各种下拉事件
    $(".page1 .boxOne").on("click", ".proModel,.proYear,.proThree", function() {
        thisEle = this;
        var field = $(thisEle).attr("class").split(" ")[1];
        $("#" + field).show();
        showOverlay();
    });

    //自定义下拉框取消事件
    $("body").on("click", ".select-cancel", function() {
        //var svid = $(this).parents(".select-view").attr("id");
        //if (svid == "proBrands") {
        //    $(this).parents(".select-view").find(".check-box .check-no,.check-yes").attr("class", "check-no");
        //}
        $(this).parents(".select-view").hide();
        hideOverlay();
    });
    //自定义下拉框确定事件
    $("body").on("click", ".select-sure", function() {
        var svid = $(this).parents(".select-view").attr("id");
        if (svid == "proBrands") {}
        $(this).parents(".select-view").hide();
        hideOverlay();
    });

    $(".page1 .boxOne").on("blur", ".pro-price,.pro-number,.pro-bili", function() {
        $(".page1 .boxOne").show();
        $(".page1 .boxTwo").hide();
        $(".page1 .btn").text("查看结果")
        $(".page1 .btn").attr("attrpage", 1)
        $(".page1 .totalPrice").text("--")
        $(".page1 .downPayment").text("--")
        $(".page1 .yearRate").text("--")
        $(".page1 .securityFee").text("--")
        $(".page1 .insuranceCompany").text("--")
        $(".page1 .engineerInsurance").text("--")
        $(".page1 .collisionRisk").text("--")
        $(".page1 .lossInsurance").text("--")
        $(".page1 .consignmentInsurance").text("--")
        $(".page1 .oneYearPremium").text("--")

        $(".page1 .bond").text("--")
        $(".page1 .serviceCharge").text("--")
        $(".page1 .gps").text("--")
        $(".page1 .loan").text("--")

        $(".page1 .premium").text("--")
        $(".page1 .downPaymentTotal").text("--")
        $(".page1 .monthlyRepayment").text("--")
        $(".page1 .loanInterestTotal").text("--")
        $(".page1 .finalPrice").text("--")
    })
    //自定义下拉框选项点击事件
    $(".select-view").on("click", ".item", function() {
        var svid = $(this).parents(".select-view").attr("id");
        $(thisEle).find("p").text($(this).val());
        $(thisEle).find("p").attr("att-value", $(this).attr("data-key"))
        $(thisEle).find("p").css("color", "#333");
        $(".select-view").hide();
        hideOverlay();
        $(".page1 .boxOne").show();
        $(".page1 .boxTwo").hide();
        $(".page1 .btn").text("查看结果")
        $(".page1 .btn").attr("attrpage", 1)
        $(".page1 .totalPrice").text("--")
        $(".page1 .downPayment").text("--")
        $(".page1 .yearRate").text("--")
        $(".page1 .securityFee").text("--")
        $(".page1 .insuranceCompany").text("--")
        $(".page1 .engineerInsurance").text("--")
        $(".page1 .collisionRisk").text("--")
        $(".page1 .lossInsurance").text("--")
        $(".page1 .consignmentInsurance").text("--")
        $(".page1 .oneYearPremium").text("--")
        $(".page1 .bond").text("--")
        $(".page1 .serviceCharge").text("--")
        $(".page1 .gps").text("--")
        $(".page1 .loan").text("--")

        $(".page1 .premium").text("--")
        $(".page1 .downPaymentTotal").text("--")
        $(".page1 .monthlyRepayment").text("--")
        $(".page1 .loanInterestTotal").text("--")
        $(".page1 .finalPrice").text("--")
    });

    $(".page1 .btn").click(function() {
        if ($(this).attr("attrPage") == 1) {
            if ($(".page1 .proModel p").text() == "请选择") {
                alert("请选择型号");
                return false;
            }
            if ($(".page1 .price input").val() == "") {
                alert("请输入单价");
                return false;
            }
            if ($(".page1 .number input").val() == "") {
                alert("请输入数量");
                return false;
            }
            if ($(".page1 .proBl input").val() == "") {
                alert("请输入首付比例,无需输入%");
                return false;
            }
            if ($(".page1 .proYear p").text() == "请选择") {
                alert("请选择贷款期限");
                return false;
            }
            $(this).text("查看详细结果")
            $(this).attr("attrpage", 2)
            //总车价
            var totalPrice = ($(".page1 .price input").val() * $(".page1 .number input").val()).toFixed(2);
            //首付车款
            var downPayment = (totalPrice * $(".page1 .number input").val() * $(".page1 .proBl input").val() / 100).toFixed(2);
            //贷款金额
            var loan = (totalPrice * (1 - $(".page1 .proBl input").val() / 100) * $(".page1 .number input").val()).toFixed(2);
            //保证金
            var bond = (loan * 0.05).toFixed(2);
            //手续费
            if (Number($(".page1 .proYear p").attr("att-value"))<=12){
                var serviceCharge = (loan * 0.01).toFixed(2);
            }else{
//                $(".page1 .sxf").text("手续费(贷款额1.5%)")
                var serviceCharge = (loan * 0.005 * ($(".page1 .proYear p").attr("att-value")/12)).toFixed(2);
            }
            if (Number($(".page1 .proYear p").attr("att-value"))==18 || Number($(".page1 .proYear p").attr("att-value"))==30 || Number($(".page1 .proYear p").attr("att-value"))==42){
                if((Number($(".page1 .proYear p").attr("att-value")) / 12 * 0.5) < 1){
                    var serviceCharge = (loan * 0.01).toFixed(2);
                }else{
                    var serviceCharge = (loan * 0.005 * ($(".page1 .proYear p").attr("att-value")/12)).toFixed(2);
                }
            }
            //贷款年利率
           //var yearRate = '7.88%';
            //担保费
            var securityFee = ($(".page1 .number input").val() * 6000).toFixed(2);
            //保险公司
            var insuranceCompany = '单年保费为车价1.1%';
            //工程机械设备保险
            var engineerInsurance = (totalPrice * $(".page1 .number input").val() * 0.004).toFixed(2);
            //碰撞倾覆险
            var collisionRisk = (totalPrice * $(".page1 .number input").val() * 0.005).toFixed(2);
            //自燃损失险
            var lossInsurance = (totalPrice * $(".page1 .number input").val() * 0.001).toFixed(2);
            //托运期间险
            var consignmentInsurance = (totalPrice * $(".page1 .number input").val() * 0.001).toFixed(2);
            //单年保费
            var oneYearPremium = (Number(engineerInsurance) + Number(collisionRisk) + Number(lossInsurance) + Number(consignmentInsurance)).toFixed(2);
            //GPS
            var gps = ($(".page1 .number input").val() * 7000).toFixed(2);
            //贷款年利率及月还款额
            var myDate = new Date();
            currentMonth = myDate.getMonth() + 1;
            if($(".page1 .proModel p").text() == "EC55D" || $(".page1 .proModel p").text() == "EC60D" || $(".page1 .proModel p").text() == "EC75D" || $(".page1 .proModel p").text() == "EC80D" || $(".page1 .proModel p").text() == "EW60C" || $(".page1 .proModel p").text() == "EC140DL"){
                if(currentMonth<=6){
                    var yearRate = "3.99%";
                    var monthlyRepayment = PMT(0.0399/12, $(".page1 .proYear p").attr("att-value"), loan);
                } else if(Number($(".page1 .proYear p").attr("att-value"))==12){
                    var yearRate = "4.99%";
                    var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                } else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            }else if($(".page1 .proModel p").text() == "EC120D"){
                if(currentMonth<=5){
                    if($(".page1 .proBl input").val()>=20 && Number($(".page1 .proYear p").attr("att-value"))<=36){
                        var yearRate = "0.00%";
                        var monthlyRepayment =Math.ceil(loan / ($(".page1 .proYear p").attr("att-value")));
                    }else{
                        var yearRate = "3.99%";
                        var monthlyRepayment = PMT(0.0399/12, $(".page1 .proYear p").attr("att-value"), loan);
                    }
                } else if(Number($(".page1 .proYear p").attr("att-value"))==6){
                    var yearRate = "3.99%";
                    var monthlyRepayment = PMT(0.0399/12, $(".page1 .proYear p").attr("att-value"), loan);
                } else if(Number($(".page1 .proYear p").attr("att-value"))>6 && Number($(".page1 .proYear p").attr("att-value"))<=12){
                    var yearRate = "4.99%";
                    var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            }else if($(".page1 .proModel p").text() == "EC200D" || $(".page1 .proModel p").text() == "EC210D"){
                if(currentMonth<=5){
                    if($(".page1 .proBl input").val()>=20 && Number($(".page1 .proYear p").attr("att-value"))<=36){
                        var yearRate = "0.00%";
                        var monthlyRepayment =Math.ceil(loan / ($(".page1 .proYear p").attr("att-value")));
                    }else{
                        var yearRate = "2.99%";
                        var monthlyRepayment = PMT(0.0299/12, $(".page1 .proYear p").attr("att-value"), loan);
                    }
                } else if(Number($(".page1 .proYear p").attr("att-value"))==6){
                    var yearRate = "3.99%";
                    var monthlyRepayment = PMT(0.0399/12, $(".page1 .proYear p").attr("att-value"), loan);
                } else if(Number($(".page1 .proYear p").attr("att-value"))>6 && Number($(".page1 .proYear p").attr("att-value"))<=12){
                    var yearRate = "4.99%";
                    var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            } else if($(".page1 .proModel p").text() == "EC250D" || $(".page1 .proModel p").text() == "EC250DL"){
                if(Number($(".page1 .proYear p").attr("att-value"))<=6 || Number($(".page1 .proYear p").attr("att-value"))==12){
                    var yearRate = "4.99%";
                    var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            } else if($(".page1 .proModel p").text() == "EC300DL"){
                if(Number($(".page1 .proYear p").attr("att-value"))<=6){
                    var yearRate = "6.49%";
                    var monthlyRepayment = PMT(0.0649/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            }else if($(".page1 .proModel p").text() == "EC350D" || $(".page1 .proModel p").text() == "EC350DL"){
                if(currentMonth<=6){
                    if($(".page1 .proBl input").val()>=30 && Number($(".page1 .proYear p").attr("att-value"))<=36){
                        var yearRate = "4.99%";
                        var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                    } else{
                        var yearRate = "6.49%";
                        var monthlyRepayment = PMT(0.0649/12, $(".page1 .proYear p").attr("att-value"), loan);
                    }
                } else{
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            } else if($(".page1 .proModel p").text() == "EC380DL"){
                if(Number($(".page1 .proYear p").attr("att-value"))<=6){
                    var yearRate = "6.99%";
                    var monthlyRepayment = PMT(0.0699/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else {
                    var yearRate = "8.99%";
                    var monthlyRepayment = PMT(0.0899 / 12, $(".page1 .proYear p").attr("att-value"), loan);
                }
            }else if($(".page1 .proModel p").text() == "EC220D" || $(".page1 .proModel p").text() == "EC220DL"){
                if(currentMonth<=5){
                    var yearRate = "2.99%";
                    var monthlyRepayment = PMT(0.0299/12, $(".page1 .proYear p").attr("att-value"), loan);
                }else{
                    if(Number($(".page1 .proYear p").attr("att-value"))==6){
                        var yearRate = "3.99%";
                        var monthlyRepayment = PMT(0.0399/12, $(".page1 .proYear p").attr("att-value"), loan);
                    }else if(Number($(".page1 .proYear p").attr("att-value"))==12){
                        var yearRate = "4.99%";
                        var monthlyRepayment = PMT(0.0499/12, $(".page1 .proYear p").attr("att-value"), loan);
                    } else{
                        var yearRate = "8.99%";
                        var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
                    }
                }
            } else{
                var yearRate = "8.99%";
                var monthlyRepayment = PMT(0.0899/12, $(".page1 .proYear p").attr("att-value"), loan);
            }
            //保险合计
            if (Number($(".page1 .proYear p").attr("att-value"))<=6){
                var premium = (totalPrice * $(".page1 .number input").val() * 0.011 * 0.6).toFixed(2);
            } else if (Number($(".page1 .proYear p").attr("att-value"))==12){
                var premium = (totalPrice * $(".page1 .number input").val() * 0.011).toFixed(2);
            }else if(Number($(".page1 .proYear p").attr("att-value"))==24 || Number($(".page1 .proYear p").attr("att-value"))==36 || Number($(".page1 .proYear p").attr("att-value"))==48){
                var premium = (totalPrice * $(".page1 .number input").val() * 0.011 * $(".page1 .proYear p").attr("att-value") / 12).toFixed(2);
            }else{
                var premium = (totalPrice * $(".page1 .number input").val() * 0.011 * (($(".page1 .proYear p").attr("att-value") - 6) / 12 + ($(".page1 .proYear p").attr("att-value") - 12 * ($(".page1 .proYear p").attr("att-value") - 6) / 12) / 10)).toFixed(2);
            }
            //首付合计
            var downPaymentTotal = (Number(downPayment) + Number(bond) + Number(serviceCharge) + Number(securityFee) + (Number(gps)) + Number(premium)).toFixed(2);
            //月还款额
//            var monthlyRepayment = PMT(0.0788/12, $(".page1 .proYear p").attr("att-value"), loan)
            //贷款利息合计
            var loanInterestTotal = (monthlyRepayment * $(".page1 .proYear p").attr("att-value") - loan).toFixed(2);
            //最终购车总价
            var finalPrice = (Number(loan) + Number(downPaymentTotal) + Number(loanInterestTotal) - Number(bond)).toFixed(2);
            $(".page1 .totalPrice").text(totalPrice)
            $(".page1 .downPayment").text(downPayment)
            $(".page1 .yearRate").text(yearRate)
            $(".page1 .securityFee").text(securityFee)
            $(".page1 .insuranceCompany").text(insuranceCompany)
            $(".page1 .engineerInsurance").text(engineerInsurance)
            $(".page1 .collisionRisk").text(collisionRisk)
            $(".page1 .lossInsurance").text(lossInsurance)
            $(".page1 .consignmentInsurance").text(consignmentInsurance)
            $(".page1 .oneYearPremium").text(oneYearPremium)
            $(".page1 .bond").text(bond)
            $(".page1 .serviceCharge").text(serviceCharge)
            $(".page1 .gps").text(gps)
            $(".page1 .loan").text(loan)

            $(".page1 .premium").text(premium)
            $(".page1 .downPaymentTotal").text(downPaymentTotal)
            $(".page1 .monthlyRepayment").text(monthlyRepayment)
            $(".page1 .loanInterestTotal").text(loanInterestTotal)
            $(".page1 .finalPrice").text(finalPrice)
        } else if ($(this).attr("attrPage") == 2) {
            $(".page1 .boxOne").hide();
            $(".page1 .boxTwo").show();

            $(this).text("重新计算")
            $(this).attr("attrpage", 3)
        } else {
            $(".page1 .boxOne").show();
            $(".page1 .boxTwo").hide();
            $(this).text("查看结果")
            $(this).attr("attrpage", 1)
            $(".page1 .totalPrice").text("")
            $(".page1 .downPayment").text("")
            $(".page1 .yearRate").text("")
            $(".page1 .securityFee").text("")
            $(".page1 .insuranceCompany").text("")
            $(".page1 .engineerInsurance").text("")
            $(".page1 .collisionRisk").text("")
            $(".page1 .lossInsurance").text("")
            $(".page1 .consignmentInsurance").text("")
            $(".page1 .oneYearPremium").text("")
            $(".page1 .bond").text("")
            $(".page1 .serviceCharge").text("")
            $(".page1 .gps").text("")
            $(".page1 .loan").text("")

            $(".page1 .premium").text("")
            $(".page1 .downPaymentTotal").text("")
            $(".page1 .monthlyRepayment").text("")
            $(".page1 .loanInterestTotal").text("")
            $(".page1 .finalPrice").text("")
        }
    })
</script>
<script>
    var thisEle = "";
    /* 当前页面高度 */
    function pageHeight() {
        return document.body.scrollHeight;
    }

    /* 当前页面宽度 */
    function pageWidth() {
        return document.body.scrollWidth;
    }
    /* 显示遮罩层 */
    function showOverlay1() {
        var obj = {
            type:'showOverlay',
        };
        prompt(JSON.stringify(obj));

        // fadeTo第一个参数为速度，第二个为透明度
        // 多重方式控制透明度，保证兼容性，但也带来修改麻烦的问题
        $(".page2 #overlay1").fadeTo(200, 0.5);

    }
    /* 隐藏覆盖层 */
    function hideOverlay1() {
        var obj = {
            type:'hideOverlay',
        };
        prompt(JSON.stringify(obj));
        $(".page2 #overlay1").fadeOut(100);
    }
    //点击各种下拉事件
    $(".page2 .boxOne").on("click", ".proModels", function() {
        thisEle = this;
        var field = $(thisEle).attr("class").split(" ")[1];
        $("#" + field).show();
        showOverlay1();
    });
    $("#overlay,#overlay1").click(function () {
        $(".select-view").hide();
        hideOverlay();
        hideOverlay1();
    })
    function clickCancel() {
        $(".select-view").hide();
        hideOverlay();
        hideOverlay1();
    }
    //自定义下拉框取消事件
    $("body").on("click", ".select-cancel", function() {
        //var svid = $(this).parents(".select-view").attr("id");
        //if (svid == "proBrands") {
        //    $(this).parents(".select-view").find(".check-box .check-no,.check-yes").attr("class", "check-no");
        //}
        $(this).parents(".select-view").hide();
        hideOverlay1();
    });
    //自定义下拉框确定事件
    $("body").on("click", ".select-sure", function() {
        var svid = $(this).parents(".select-view").attr("id");
        if (svid == "proBrands") {}
        $(this).parents(".select-view").hide();
        hideOverlay1();
    });
    $(".page2 .boxOne").on("blur", ".pro-Sprice,.pro-proYears,.pro-numPrice", function() {
        $(".page2 .btn").text("查看结果")
        $(".page2 .btn").attr("attrpage", 1)
        $(".page2 .totalPriceS").text("--")
        $(".page2 .jxTime").text("--")
        $(".page2 .monthRate").text("--")
    })
    //自定义下拉框选项点击事件
    $(".page2 .select-view").on("click", ".item", function() {
        var svid = $(this).parents(".select-view").attr("id");
        $(thisEle).find("p").text($(this).val());
        $(thisEle).find("p").attr("att-value", $(this).attr("data-key"))
        $(thisEle).find("p").css("color", "#333");
        $(".select-view").hide();
        hideOverlay1();
//        $(".page2 .boxOne").show();
//        $(".page2 .boxTwo").hide();
        $(".page2 .btn").text("查看结果")
        $(".page2 .btn").attr("attrpage", 1)
        $(".page2 .totalPriceS").text("--")
        $(".page2 .jxTime").text("--")
        $(".page2 .monthRate").text("--")
    });
    $(".page2 .btn").click(function() {
        if ($(this).attr("attrPage") == 1) {
            if ($(".page2 .Sprice input").val() == "") {
                alert("请输入垫款金额");
                return false;
            }
            if ($(".page2 .proYears input").val() == "") {
                alert("请输入垫款期限");
                return false;
            }
            if ($(".page2 .numPrice input").val() == "") {
                alert("请输入第一期约定还款金额");
                return false;
            }
            $(this).text("重新计算")
            $(this).attr("attrpage", 2)

            //每期还款额
            var totalPriceS = Math.floor(($(".page2 .Sprice input").val() - $(".page2 .numPrice input").val())/($(".page2 .proYears input").val()-1));
            //计息时间
            var jxTime = 1;
            //垫款利率
            var monthRate = '1.00%';

            $(".page2 .totalPriceS").text(totalPriceS)
            $(".page2 .jxTime").text(jxTime)
            $(".page2 .monthRate").text(monthRate)

            $(".page2 .boxTwo").show();

            $(".page2 .fq").each(function(index){
                var num = $(".page2 .proYears input").val();
                if(index<num){
                    $(this).show();
                }else{
                    $(this).hide();
                }
            })
            //欠款余额
            var loanOutstandingBalance = $(".page2 .Sprice input").val();
            console.log(loanOutstandingBalance)
            //月利率
            var advanceRate ='1.00%';
            //本金
            var principal = $(".page2 .numPrice input").val();
            //利息
            var interest = Number(loanOutstandingBalance) * Number(jxTime) * 0.01;

            //表格数据
            //第1期
            $("#noe_1_qkye").text(loanOutstandingBalance)
            $("#noe_1_bj").text(principal)
            $("#noe_1_lx").text(interest)
            $("#noe_1_bxhj").text(Number(interest)+Number(principal));
            //第2期
            var qkye2=$(".page2 .Sprice input").val()-$(".page2 .numPrice input").val();
            $("#noe_2_qkye").text(Math.floor(qkye2))
            var bj2 = Number(totalPriceS)
            $("#noe_2_bj").text(Math.floor(bj2))
            var lx2 = Number($("#noe_2_qkye").text()) * Number(jxTime) * 0.01;
            $("#noe_2_lx").text(Math.round(lx2));
            var bxhj2 = Number($("#noe_2_bj").text())+Number($("#noe_2_lx").text())
            $("#noe_2_bxhj").text(Math.floor(bxhj2));
            //第3期
            $("#noe_3_qkye").text(Number($("#noe_2_qkye").text())+Number(-Number(totalPriceS)));
            var bj3 = $("#noe_2_bj").text()
            $("#noe_3_bj").text(Math.floor(bj3))
            var lx3 = Number($("#noe_3_qkye").text()) * Number(jxTime) * 0.01;
            $("#noe_3_lx").text(Math.round(lx3));
            $("#noe_3_bxhj").text(Number($("#noe_3_bj").text())+Number($("#noe_3_lx").text()));
            //第4期
            $("#noe_4_qkye").text(Number($("#noe_3_qkye").text())+Number(-Number(totalPriceS)));
            var bj4 = $("#noe_3_bj").text()
            $("#noe_4_bj").text(Math.floor(bj4))
            var lx4 = Number($("#noe_4_qkye").text()) * Number(jxTime) * 0.01;
            $("#noe_4_lx").text(Math.round(lx4))
            $("#noe_4_bxhj").text(Number($("#noe_4_bj").text())+Number($("#noe_4_lx").text()));
            //第5期
            $("#noe_5_qkye").text(Number($("#noe_4_qkye").text())+Number(-Number(totalPriceS)))
            var bj5 = $("#noe_4_bj").text()
            $("#noe_5_bj").text(Math.floor(bj5))
            var lx5 = Number($("#noe_5_qkye").text()) * Number(jxTime) * 0.01;
            $("#noe_5_lx").text(Math.round(lx5))
            $("#noe_5_bxhj").text(Number($("#noe_5_bj").text())+Number($("#noe_5_lx").text()));
            //第6期
            $("#noe_6_qkye").text(Number($("#noe_5_qkye").text())+Number(-Number(totalPriceS)))
            var bj6 = $("#noe_5_bj").text()
            $("#noe_6_bj").text(Math.floor(bj6))
            var lx6 = Number($("#noe_6_qkye").text()) * Number(jxTime) * 0.01;
            $("#noe_6_lx").text(Math.round(lx6))
            $("#noe_6_bxhj").text(Number($("#noe_6_bj").text())+Number($("#noe_6_lx").text()));
            //第7期
            $("#noe_7_qkye").text(Number($("#noe_6_qkye").text())+Number(-Number(totalPriceS)))
            var bj7 = $("#noe_6_bj").text()
            $("#noe_7_bj").text(Math.floor(bj7))
            var lx7 = Number($("#noe_7_qkye").text())  * Number(jxTime) * 0.01
            $("#noe_7_lx").text(Math.round(lx7))
            $("#noe_7_bxhj").text(Number($("#noe_7_bj").text())+Number($("#noe_7_lx").text()));
            //第8期
            $("#noe_8_qkye").text(Number($("#noe_7_qkye").text())+Number(-Number(totalPriceS)))
            var bj8 = $("#noe_7_bj").text()
            $("#noe_8_bj").text(Math.floor(bj8))
            var lx8 = Number($("#noe_8_qkye").text()) * Number(jxTime) * 0.01
            $("#noe_8_lx").text(Math.round(lx8))
            $("#noe_8_bxhj").text(Number($("#noe_8_bj").text())+Number($("#noe_8_lx").text()));
            //第9期
            $("#noe_9_qkye").text(Number($("#noe_8_qkye").text())+Number(-Number(totalPriceS)))
            var bj9 = $("#noe_8_bj").text()
            $("#noe_9_bj").text(Math.floor(bj9))
            var lx9 = Number($("#noe_9_qkye").text()) * Number(jxTime) * 0.01
            $("#noe_9_lx").text(Math.round(lx9))
            $("#noe_9_bxhj").text(Number($("#noe_9_bj").text())+Number($("#noe_9_lx").text()));
            //第10期
            $("#noe_10_qkye").text(Number($("#noe_9_qkye").text())+Number(-Number(totalPriceS)))
            var bj10 = $("#noe_9_bj").text()
            $("#noe_10_bj").text(Math.floor(bj10))
            var lx10 = Number($("#noe_10_qkye").text()) * Number(jxTime) * 0.01
            $("#noe_10_lx").text(Math.round(lx10))
            $("#noe_10_bxhj").text(Number($("#noe_10_bj").text())+Number($("#noe_10_lx").text()));
            //第11期
            $("#noe_11_qkye").text(Number($("#noe_10_qkye").text())+Number(-Number(totalPriceS)))
            var bj11 = $("#noe_10_bj").text()
            $("#noe_11_bj").text(Math.floor(bj11))
            var lx11 = Number($("#noe_11_qkye").text()) * Number(jxTime)  * 0.01
            $("#noe_11_lx").text(Math.round(lx11))
            $("#noe_11_bxhj").text(Number($("#noe_11_bj").text())+Number($("#noe_11_lx").text()));
            //第12期
            $("#noe_12_qkye").text(Number($("#noe_11_qkye").text())+Number(-Number(totalPriceS)))
            var bj12 = $("#noe_11_bj").text()
            $("#noe_12_bj").text(Math.floor(bj12))
            var lx12 = Number($("#noe_12_qkye").text()) * Number(jxTime) * 0.01
            $("#noe_12_lx").text(Math.round(lx12))
            $("#noe_12_bxhj").text(Number($("#noe_12_bj").text())+Number($("#noe_12_lx").text()));
            //第13期
            $("#noe_13_bj").text((Number($("#noe_1_bj").text()))+(Number($("#noe_2_bj").text()))+(Number($("#noe_3_bj").text()))+(Number($("#noe_4_bj").text()))+(Number($("#noe_5_bj").text()))+(Number($("#noe_6_bj").text()))+(Number($("#noe_7_bj").text()))+(Number($("#noe_8_bj").text()))+(Number($("#noe_9_bj").text()))+(Number($("#noe_10_bj").text()))+(Number($("#noe_11_bj").text()))+(Number($("#noe_12_bj").text())))
            $("#noe_13_lx").text((Number($("#noe_1_lx").text()))+(Number($("#noe_2_lx").text()))+(Number($("#noe_3_lx").text()))+(Number($("#noe_4_lx").text()))+(Number($("#noe_5_lx").text()))+(Number($("#noe_6_lx").text()))+(Number($("#noe_7_lx").text()))+(Number($("#noe_8_lx").text()))+(Number($("#noe_9_lx").text()))+(Number($("#noe_10_lx").text()))+(Number($("#noe_11_lx").text()))+(Number($("#noe_12_lx").text())))

            $("#noe_13_bxhj").text((Number($("#noe_1_bxhj").text()))+(Number($("#noe_2_bxhj").text()))+(Number($("#noe_3_bxhj").text()))+(Number($("#noe_4_bxhj").text()))+(Number($("#noe_5_bxhj").text()))+(Number($("#noe_6_bxhj").text()))+(Number($("#noe_7_bxhj").text()))+(Number($("#noe_8_bxhj").text()))+(Number($("#noe_9_bxhj").text()))+(Number($("#noe_10_bxhj").text()))+(Number($("#noe_11_bxhj").text()))+(Number($("#noe_12_bxhj").text())))

            console.log(interest)
            if($(".page2 #noe_1_qkye").text()<0||$(".page2 #noe_1_lx").text()<0){
                $(".page2 #noe_1_qkye").text("");
                $(".page2 #noe_1_lx").text("");
            }
            if($(".page2 #noe_2_qkye").text()<0||$(".page2 #noe_2_lx").text()<0){
                $(".page2 #noe_2_qkye").text("");
                $(".page2 #noe_2_lx").text("");
            }
            if($(".page2 #noe_3_qkye").text()<0||$(".page2 #noe_3_lx").text()<0){
                $(".page2 #noe_3_qkye").text("");
                $(".page2 #noe_3_lx").text("");
            }
            if($(".page2 #noe_4_qkye").text()<0||$(".page2 #noe_4_lx").text()<0){
                $(".page2 #noe_4_qkye").text("");
                $(".page2 #noe_4_lx").text("");
            }
            if($(".page2 #noe_5_qkye").text()<0||$(".page2 #noe_5_lx").text()<0){
                $(".page2 #noe_5_qkye").text("");
                $(".page2 #noe_5_lx").text("");
            }
            if($(".page2 #noe_6_qkye").text()<0||$(".page2 #noe_6_lx").text()<0){
                $(".page2 #noe_6_qkye").text("");
                $(".page2 #noe_6_lx").text("");
            }
            if($(".page2 #noe_7_qkye").text()<0||$(".page2 #noe_7_lx").text()<0){
                $(".page2 #noe_7_qkye").text("");
                $(".page2 #noe_7_lx").text("");
            }
            if($(".page2 #noe_8_qkye").text()<0||$(".page2 #noe_8_lx").text()<0){
                $(".page2 #noe_8_qkye").text("");
                $(".page2 #noe_8_lx").text("");
            }
            if($(".page2 #noe_9_qkye").text()<0||$(".page2 #noe_9_lx").text()<0){
                $(".page2 #noe_9_qkye").text("");
                $(".page2 #noe_9_lx").text("");
            }
            if($(".page2 #noe_10_qkye").text()<0||$(".page2 #noe_10_lx").text()<0){
                $(".page2 #noe_10_qkye").text("");
                $(".page2 #noe_10_lx").text("");
            }
            if($(".page2 #noe_11_qkye").text()<0||$(".page2 #noe_11_lx").text()<0){
                $(".page2 #noe_11_qkye").text("");
                $(".page2 #noe_11_lx").text("");
            }
            if($(".page2 #noe_12_qkye").text()<0||$(".page2 #noe_12_lx").text()<0){
                $(".page2 #noe_12_qkye").text("");
                $(".page2 #noe_12_lx").text("");
            }
            if($(".page2 #noe_13_lx").text()<0){
                $(".page2 #noe_13_qkye").text("");
                $(".page2 #noe_13_lx").text("");
            }

            $(".page2 .loanOutstandingBalance").text(loanOutstandingBalance)
            $(".page2 .advanceRate").text(advanceRate)
            $(".page2 .principal").text(principal)
            $(".page2 .interest").text(interest)
        } else if ($(this).attr("attrPage") == 2) {
            $(".page2 .boxTwo").hide();
            $(this).attr("attrpage", 1)

            $(".page2 .totalPriceS").text("")
            $(".page2 .jxTime").text("")
            $(".page2 .monthRate").text("")

            $(this).text("查看结果")
            $(this).attr("attrpage", 1)
        }
    })
</script>
</body>
</html>
